.collect-pane>.left-pane {
    -fx-background-color: -fx-main-background-color;
    -fx-border-width: 0px 1px 0px 0px;
    -fx-border-color: -fx-main-border-color;
}

.collect-pane>.left-pane .search-pane {
    -fx-padding: 20px 20px 10px 20px;
    -fx-spacing: 10px;
    -fx-alignment: center-left;
}

.collect-pane>.left-pane .search-pane .button {
    -fx-background-color: -fx-main-background-color;
}

.collect-pane>.left-pane .search-pane .text-field {
    -fx-background-color: derive(-fx-main-background-color, -8%);
    -fx-border-color: derive(-fx-main-background-color, -10%);
    -fx-border-radius: 1px;
    -fx-padding: 6px;
}

.collect-pane>.left-pane .search-pane .button:hover {
    -fx-background-color: derive(-fx-main-background-color, 50%);
}

.collect-pane>.left-pane .search-pane .ikonli-font-icon {
    -fx-icon-color: black;
}

.collect-pane>.left-pane .create-new-note {
    -fx-min-width: 200px;
    -fx-max-width: 200px;
    -fx-padding: 7px 10px 7px 10px;
    -fx-background-color: -fx-second-background-color;
    -fx-cursor: hand;
}

.collect-pane>.left-pane .create-new-note:hover {
    -fx-background-color: derive(-fx-main-background-color, -8%);
}

.collect-pane>.left-pane .button-list-pane {
    -fx-padding: 10px 0px 10px 0px;
}

.collect-pane>.left-pane .button-list-pane .button {
    -fx-padding: 10px 0px 10px 20px;
    -fx-min-width: 250px;
    -fx-max-width: 250px;
    -fx-background-radius: 0;
    -fx-border-radius: 0;
    -fx-alignment: center-left;
    -fx-font-size: 13px;
}

.collect-pane>.left-pane .button-list-pane .button:hover {
    -fx-background-color: derive(-fx-main-background-color, -10%);
}


.collect-pane>.left-pane .button-list-pane .selected{
    -fx-background-color: derive(-fx-main-background-color, -10%);
}

.collect-pane .title-pane {
    -fx-padding: 0px 20px 10px 20px;
    -fx-font-weight: 800;
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 0px 0px 1px 0px;
}

.collect-pane .title-pane .label {
    -fx-font-size: 18px;
    -fx-font-weight: 800;
}


.collect-pane .content-pane .virtualized-scroll-pane {
    -fx-background-color: transparent;
}

.collect-pane .content-pane .collect-view {
    -fx-padding: 10px 50px 10px 50px;
}

.collect-pane .content-pane .collect-view .collect-container {
    -fx-background-color: -fx-second-background-color;
    -fx-background-radius: 10px;
    -fx-border-radius: 10px;
    -fx-spacing: 10px;
    -fx-padding: 10px;
    -fx-alignment: center-left;
    -fx-max-height: 150px;
}

.collect-pane .content-pane .collect-view .collect-container .message-file-item {
    -fx-padding: 5px;
}

.collect-pane .content-pane .collect-view .collect-container .stack-pane {
    -fx-alignment: center-left;
}

.collect-pane .content-pane .collect-view .collect-container .name-label,
.collect-pane .content-pane .collect-view .collect-container .time-label {
    -fx-text-fill: derive(-fx-fonticon-color, 10%);
    -fx-font-size: 11px;
}

/*****************************收藏popup*******************************************************/
.collect-pop-pane {
    -fx-spacing: 3px;
    -fx-pref-width: 120px;
    -fx-background-radius: 3px;
    -fx-background-color: -fx-second-background-color;
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px;
    -fx-border-radius: 3px;
}

.collect-pop-pane .button {
    -fx-pref-width: 120px;
    -fx-padding: 5px;
}